
@basePagePath: 'https://ustatic.hudongmiao.com/joymewApp/activity/nationalDay/Dialog/SignDialog';
.mask-bg{
  position: fixed;
  top:0;
  left:0;
  width:100vw;
  height: 100vh;
  background-color: rgba(0,0,0,.6);
  box-sizing: border-box;
  z-index: 3;
}
.signDialog {
  width: 680rpx;
  height: 974rpx;
  box-sizing: border-box;
  background-image: url("@{basePagePath}/SignDialog.png");
  background-size: 100% 100%;
  position: absolute;
  top: 66rpx;
  left: 34rpx;
  padding-top: 284rpx;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  .close{
    box-sizing: border-box;
    width: 68rpx;
    height: 68rpx;
    background-image: url('@{basePagePath}/closeBtn.png');
    background-size: 100% 100%;
    position: absolute;
    bottom: calc( -68rpx - 46rpx);
  }
  .signDialogTitle {
    box-sizing: border-box;
    width: 542rpx;
    height: 62rpx;
    background-image: url('@{basePagePath}/signDialogTitle.png');
    background-size: 100% 100%;
  }

  .dateWrap {
    box-sizing: border-box;
    width: 556rpx;
    height: 388rpx;
    overflow: hidden;
    // display: flex;
    // flex-wrap: wrap;
    .dateItem {
      box-sizing: border-box;
      width: 116rpx;
      height: 152rpx;
      float: left;
      margin-right: 30rpx;
      // margin: 0 auto;
      margin-top: 30rpx;
      padding: 6rpx;
      background: #fff3f3;
      border-radius: 12px;
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
      &:nth-child(4n){
        margin-right: 0;
      }
      &.hasSign {
        box-sizing: border-box;
        background-image: url('@{basePagePath}/hasSign.png');
        background-size: 100% 100%;
      }

      .title {
        box-sizing: border-box;
        font-size: 24rpx;
        color: #A8A8A8;
      }
      .splitLine{
        box-sizing: border-box;
        width: 102rpx;
        height: 2rpx;
        background: #ffffff;
        border-radius: 12rpx;
      }
      .coin {
        box-sizing: border-box;
        width: 60rpx;
        height: 60rpx;
        position: aboslute;
        margin-top: 4rpx;
        margin-bottom: 8rpx;
        background-image: url('@{basePagePath}/coin.png');
        background-size: 100% 100%;
        &.one{
          background-image: url('@{basePagePath}/coin.png');
        }
        &.two{
          background-image: url('@{basePagePath}/coinTwo.png');
        }
        &.three{
          background-image: url('@{basePagePath}/coinThree.png');
        }
        
      }

      .score {
        box-sizing: border-box;
        font-weight: 500;
        font-size: 28rpx;
        color: #FD4E52;
      }
    }
    
  }
  .tomrrowGet{
    box-sizing: border-box;
    letter-spacing: 2rpx;
    font-size: 24rpx;
    color: #333333;
  }
  
  .sure{
    box-sizing: border-box;
    width: 530rpx;
    height: 104rpx;
    margin-top: 24rpx;
    background-image: url('@{basePagePath}/sureBtn.png');
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
  }

}